<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/Personal.css" />
	</head>
	<body>
		<div class="container">
			<!-- 头部 -->
			<div class="nav-top">
				<div class="top-box clear-fix">
					<div class="top-left-list fl">
						<a href="javascript:;" class="text-lne">欢迎来到丝芙兰</a>
						<a href="#" class="top-left-login">Asuna</a>
						<i class="top-left-saperation"></i>
						<a href="#" class="top-left-register">免费注册</a>
						<a href="#" class="top-left-photo">手机验证码登录</a>
					</div>
					<div class="top-mod fl">
						<a href="#">丝芙兰防诈骗公告</a>
					</div>
					<div class="top-right-list fr">
						<span class="top-span" style="margin-left: 50px;">
							<span class="my-sephora"></span>
							<a href="#">我的丝芙兰</a>
							<span class="top_angle"></span>
							<div class="my-ordes">
								<a href="#">我的订单</a>
								<div class="small-triangle"></div>
							</div>

						</span>
						<span>
							<span class="vip-club"></span>
							<a href="#">会员俱乐部</a>
						</span>
						<span class="mobile-sephora-box">
							<span class="mobile-sephora"></span>
							<a href="#">手机丝芙兰</a>
							<div class="mob-two"><a href="#"><img src="img/index/downQR2.png"></a></div>

						</span>
						<span>
							<span></span>
							<a href="#">帮助中心</a>
						</span>
					</div>
				</div>
			</div>
			<!-- 搜索 -->
			<div class="nav-search">
				<div class="search-box clear-fix">
					<div class="search-logo fl">
						<a href="index(true).html"><img src="img/index/sep_top_Logo.png"></a>
					</div>
					<div class="search-searchWrap fl">
						<div class="search-modu clear-fix">
							<div class="search-modu-main fl">
								<input type="text" name="" id="" value="" placeholder="小众好物OMG种草" />
							</div>
							<div class="search-modu-submit fl">
								搜索
							</div>
						</div>
						<ul class="search-wrap">
							<a href="#">会员私享75折起</a>
							<a href="#">丝家划算好物</a>
							<a href="#">经典囤货力荐</a>
							<a href="#">炎日基础护肤</a>
							<a href="#">人气彩香合辑</a>
							<a href="#">小众尖货精选</a>
						</ul>
					</div>
					<div class="search-cart-box fr">
						<div class="search-minicart">
							<a>
								<em class="shopping-bag"></em>购物袋
								<span class="shopping-num">0</span>件
							</a>
						</div>
						<div class="shopping-login clear-fix">
							<div class="shopping-login-img fl">
								<img src="./img/index/package.png">
							</div>
							<div class="shopping-login-text fl">
								<p>购物车内暂时内有商品,登录后将显示您<br>之前加入的商品</p>
								<div><a href="#">登录</a></div>
							</div>
						</div>
					</div>
					<a href="javascript:void(0);" class="search-shopping">
						<img src="img/index/navigation_shopping.png">
					</a>
				</div>
			</div>
			<!-- 商品类目 -->
			<div class="nav-category">
				<div class="category-box clear-fix">
					<div class="category-menu fl">
						<a href="#">全部商品类目</a>

						<div class="all-category">
							<ul class="all-category-both">
								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">功效</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">保湿补水</a>
										<a href="#" class="pd-left15">底妆修容</a>
									</p>
									<div class="cover clear-fix">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												功效
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">保湿</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">舒缓</a></li>
																<li class="fl"><a href="#">保湿补水</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">清洁</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">去角质</a></li>
																<li class="fl"><a href="#">卸妆清洁</a></li>
															</ul>
														</div>
													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">美白</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">淡斑</a></li>
																<li class="fl"><a href="#">提亮肤色</a></li>
																<li class="fl"><a href="#">淡化黑眼圈</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">底妆修容</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">提亮肤色</a></li>
																<li class="fl"><a href="#">遮瑕</a></li>
																<li class="fl"><a href="#">隔离</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">抗老</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">抗污染</a></li>
																<li class="fl"><a href="#">抗皱</a></li>
																<li class="fl"><a href="#">抗氧化</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">紧致</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">淡化细纹</a></li>
																<li class="fl"><a href="#">提拉紧致</a></li>

															</ul>
														</div>
													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">防晒</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">控油</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">细致毛孔</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">百变妆容</a></li>

															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">防晒</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">炫色金属</a></li>
																<li class="fl"><a href="#">魅惑哑光</a></li>
																<li class="fl"><a href="#">亮泽水光</a></li>
																<li class="fl"><a href="#">清新自然</a></li>
															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/lancome_144X60.png"></a>
												<a href="#"><img src="img/index/esteelauder_144X60.png"></a>
												<a href="#"><img src="img/index/mariedalgarcolorstudio_144X60.png"></a>
												<a href="#"><img src="img/index/fresh_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_tiffany_20181102.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">护肤</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">打造"天鹅颈"</a>
										<a href="#" class="pd-left15">Yes成分</a>
									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												护肤
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">卸妆</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">卸妆啫喱</a></li>
																<li class="fl"><a href="#">卸妆液</a></li>
																<li class="fl"><a href="#">卸妆乳</a></li>
																<li class="fl"><a href="#">卸妆油</a></li>
																<li class="fl"><a href="#">卸妆巾</a></li>
																<li class="fl"><a href="#">套装</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">清洁</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">洁面巾</a></li>
																<li class="fl"><a href="#">磨砂去角质</a></li>
																<li class="fl"><a href="#">洁面乳/霜</a></li>
																<li class="fl"><a href="#">洁面泡沫</a></li>
																<li class="fl"><a href="#">洁面啫喱</a></li>
																<li class="fl"><a href="#">洁肤水</a></li>
																<li class="fl"><a href="#">洁面皂</a></li>
															</ul>
														</div>
													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">面部护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">化妆水</a></li>
																<li class="fl"><a href="#">面部精华</a></li>
																<li class="fl"><a href="#">乳液/面霜</a></li>
																<li class="fl"><a href="#">面部护理油</a></li>
																<li class="fl"><a href="#">BB/CC霜</a></li>
																<li class="fl"><a href="#">隔离/防晒霜</a></li>
																<li class="fl"><a href="#">喷雾</a></li>
																<li class="fl"><a href="#">套装</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">面膜</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">免洗面膜</a></li>
																<li class="fl"><a href="#">水洗面膜</a></li>
																<li class="fl"><a href="#">泡泡面膜</a></li>
																<li class="fl"><a href="#">片装面膜</a></li>
																<li class="fl"><a href="#">撕拉式面膜</a></li>
																<li class="fl"><a href="#">套装</a></li>
															</ul>
														</div>
													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">眼部护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">眼霜</a></li>
																<li class="fl"><a href="#">眼膜</a></li>
																<li class="fl"><a href="#">眼部精华</a></li>
																<li class="fl"><a href="#">套装</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">唇部护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">其他</a></li>
																<li class="fl"><a href="#">唇膜</a></li>
																<li class="fl"><a href="#">润唇膏</a></li>
																<li class="fl"><a href="#">唇霜</a></li>

															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">颈部护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">颈霜</a></li>

															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">惠选套装</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选套装</a></li>

															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/sk-ii_144X60.png"></a>
												<a href="#"><img src="img/index/lancome_144X60.png"></a>
												<a href="#"><img src="img/index/esteelauder_144X60.png"></a>
												<a href="#"><img src="img/index/shiseido_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_navigationskin_20210527.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">彩妆</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">秋日彩妆盘点</a>
										<a href="#" class="pd-left15">彩妆惠选礼盒</a>
									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												彩妆
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">脸部彩妆</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">妆前乳</a></li>
																<li class="fl"><a href="#">粉底液/霜</a></li>
																<li class="fl"><a href="#">脸部遮瑕</a></li>
																<li class="fl"><a href="#">粉饼</a></li>
																<li class="fl"><a href="#">腮红</a></li>
																<li class="fl"><a href="#">修颜粉/液</a></li>
																<li class="fl"><a href="#">高光</a></li>
																<li class="fl"><a href="#">散粉/蜜粉</a></li>
																<li class="fl"><a href="#">定妆喷雾/水</a></li>

															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">眼部彩妆</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">眼部底膏</a></li>
																<li class="fl"><a href="#">眼部遮瑕</a></li>
																<li class="fl"><a href="#">眼线</a></li>
																<li class="fl"><a href="#">眼影</a></li>
																<li class="fl"><a href="#">睫毛打底液</a></li>
																<li class="fl"><a href="#">睫毛膏</a></li>

															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">眉部彩妆</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">眉笔</a></li>
																<li class="fl"><a href="#">眉粉/膏</a></li>
																<li class="fl"><a href="#">套装</a></li>

															</ul>
														</div>
													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">唇部彩妆</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">润唇膏</a></li>
																<li class="fl"><a href="#">唇釉</a></li>
																<li class="fl"><a href="#">唇彩</a></li>
																<li class="fl"><a href="#">唇膏</a></li>
																<li class="fl"><a href="#">唇线笔</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">缤纷美甲</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">指甲油</a></li>
																<li class="fl"><a href="#">卸甲水</a></li>
																<li class="fl"><a href="#">美甲贴</a></li>
																<li class="fl"><a href="#">美甲护理</a></li>

															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">套装彩盘</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">套装</a></li>
																<li class="fl"><a href="#">彩盘</a></li>

															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">惠选套装</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选套装</a></li>

															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/esteelauder_144X60.png"></a>
												<a href="#"><img src="img/index/dior_144X60.png"></a>
												<a href="#"><img src="img/index/givenchy_144X60.png"></a>
												<a href="#"><img src="img/index/makeupforever_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_navigationmu_20210527.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">香水</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">秋日馨香盘点</a>
										<a href="#" class="pd-left15">小众香氛</a>
									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												香水
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">女士</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">芬芳感</a></li>
																<li class="fl"><a href="#">新势感</a></li>
																<li class="fl"><a href="#">温暖感</a></li>
																<li class="fl"><a href="#">辛香感</a></li>
																<li class="fl"><a href="#">清新感</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">男士</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">清新感</a></li>
																<li class="fl"><a href="#">温暖感</a></li>
																<li class="fl"><a href="#">芬芳感</a></li>
																<li class="fl"><a href="#">新势感</a></li>
																<li class="fl"><a href="#">辛香感</a></li>
															</ul>
														</div>
													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">中性</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">芬芳感</a></li>
																<li class="fl"><a href="#">温暖感</a></li>
																<li class="fl"><a href="#">辛香感</a></li>
																<li class="fl"><a href="#">清新感</a></li>
																<li class="fl"><a href="#">新势感</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">其他</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">香发喷雾</a></li>
																<li class="fl"><a href="#">香体油</a></li>
																<li class="fl"><a href="#">香体乳</a></li>
																<li class="fl"><a href="#">香水瓶套</a></li>

															</ul>
														</div>
													</li>
													<li class="fl">

														<div class="mg-top20">
															<p class="small-title"><a href="#">超值礼盒</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选礼盒</a></li>
																<li class="fl"><a href="#">礼盒套装</a></li>


															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">迷你Q香</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">迷你Q香</a></li>


															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">家居香氛</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">香氛香薰</a></li>
																<li class="fl"><a href="#">香氛蜡烛</a></li>

															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/dior_144X60.png"></a>
												<a href="#"><img src="img/index/loewe_144X60.png"></a>

												<a href="#"><img src="img/index/tiffanyco_144X60.png"></a>
												<a href="#"><img src="img/index/gucci_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#">
												<img src="img/index/hp_navigationfra1_20190802.jpg"
													class="pd-top30 pd-right40">
												<img src="img/index/hp_navigationfra2_20210104.jpg">
											</a>
										</div>
									</div>
								</li>

								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">工具</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">美容仪加持美力</a>
										<a href="#" class="pd-left15">美妆蛋套装</a>
									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												工具
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">美容仪</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">美容仪配件</a></li>
																<li class="fl"><a href="#">美容仪</a></li>
																<li class="fl"><a href="#">套装</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">惠选套装</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选套装</a></li>
															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">化妆工具</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">眉刷</a></li>
																<li class="fl"><a href="#">眼线刷</a></li>
																<li class="fl"><a href="#">眼影刷</a></li>
																<li class="fl"><a href="#">底妆刷</a></li>
																<li class="fl"><a href="#">散粉刷</a></li>
																<li class="fl"><a href="#">腮红刷</a></li>
																<li class="fl"><a href="#">唇刷</a></li>
																<li class="fl"><a href="#">粉扑</a></li>
																<li class="fl"><a href="#">化妆海绵</a></li>
																<li class="fl"><a href="#">修眉工具</a></li>
																<li class="fl"><a href="#">眉毛夹</a></li>
																<li class="fl"><a href="#">彩妆套刷</a></li>
																<li class="fl"><a href="#">其他化妆工具</a></li>
															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">护肤工具</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">去痘棒</a></li>
																<li class="fl"><a href="#">化妆棉</a></li>
																<li class="fl"><a href="#">其他护肤工具</a></li>

															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">美甲工具</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">其他美甲工具</a></li>


															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">其他工具</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">化妆包/箱</a></li>
																<li class="fl"><a href="#">化妆镜</a></li>
																<li class="fl"><a href="#">香水瓶</a></li>
																<li class="fl"><a href="#">其他 </a></li>
															</ul>
														</div>

													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/sephoracollection_144X60.png"></a>
												<a href="#"><img src="img/index/beautyblender_144X60.png"></a>
												<a href="#"><img src="img/index/shuuemura_144X60.png"></a>
												<a href="#"><img src="img/index/makeupforever_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_navigationtool_20210527.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">男士</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">男士礼赠</a>
										<a href="#" class="pd-left15">水油平衡</a>
									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												男士
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">男士护肤</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">面部护理</a></li>
																<li class="fl"><a href="#">清洁</a></li>
																<li class="fl"><a href="#">剃须护理</a></li>
																<li class="fl"><a href="#">眼部护理</a></li>
																<li class="fl"><a href="#">唇部护理</a></li>
															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">男士彩妆</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">唇膏</a></li>
																<li class="fl"><a href="#">眼线</a></li>
																<li class="fl"><a href="#">眼影</a></li>
																<li class="fl"><a href="#">眉粉/膏</a></li>
																<li class="fl"><a href="#">粉底液/霜</a></li>
																<li class="fl"><a href="#">脸部遮瑕</a></li>
																<li class="fl"><a href="#">素颜霜</a></li>

															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">惠选套装</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选套装</a></li>


															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/biotherm_144X60.png"></a>
												<a href="#"><img src="img/index/dtrt_144X60.png"></a>
												<a href="#"><img src="img/index/sk-ii_144X60.png"></a>
												<a href="#"><img src="img/index/labseries_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_navigationmen_20210527.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">洗浴护体</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">洗护沐浴</a>
										<a href="#" class="pd-left15">塑身纤体</a>
									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												洗浴护体
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">沐浴清洁</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">磨砂去角质</a></li>
																<li class="fl"><a href="#">沐浴香皂</a></li>
																<li class="fl"><a href="#">沐浴露</a></li>
																<li class="fl"><a href="#">沐浴块</a></li>
																<li class="fl"><a href="#">套装</a></li>
															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">身体护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">乳霜</a></li>
																<li class="fl"><a href="#">护理油</a></li>
																<li class="fl"><a href="#">防晒</a></li>
																<li class="fl"><a href="#">套装</a></li>
																<li class="fl"><a href="#">喷雾</a></li>
																<li class="fl"><a href="#">清洁</a></li>


															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">手部护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">洗手液</a></li>
																<li class="fl"><a href="#">乳霜</a></li>
																<li class="fl"><a href="#">护理膜</a></li>
															</ul>
														</div>
													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">胸部护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">乳霜</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">足部护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">护理膜</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">惠选套装</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选套装</a></li>
															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/sephoracollection_144X60.png"></a>
												<a href="#"><img src="img/index/fresh_144X60.png"></a>
												<a href="#"><img src="img/index/nuxe_144X60.png"></a>
												<a href="#"><img src="img/index/clarins_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_navigationbody_20210520.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

								<li class="border-b cover-li">
									<p class="pd-left15 pd-top15">美发护发</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">换季防脱</a>
										<a href="#" class="pd-left15">润养秀发防毛躁</a>
									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												美发护发
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">洗发产品</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">洗发水/液</a></li>
																<li class="fl"><a href="#">洗发喷雾</a></li>
																<li class="fl"><a href="#">套装</a></li>

															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">头皮护理</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">精华素</a></li>
																<li class="fl"><a href="#">精油</a></li>
															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">护发产品</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">护发素</a></li>
																<li class="fl"><a href="#">精华素</a></li>
																<li class="fl"><a href="#">发膜/霜</a></li>
																<li class="fl"><a href="#">精油</a></li>
																<li class="fl"><a href="#">其他</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">美发产品</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">弹力素</a></li>
																<li class="fl"><a href="#">发胶/蜡</a></li>
																<li class="fl"><a href="#">染发</a></li>
															</ul>
														</div>
														<div class="mg-top20">
															<p class="small-title"><a href="#">惠选套装</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选套装</a></li>
															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/renefurterer_144X60.png"></a>
												<a href="#"><img src="img/index/systemprofessional_144X60.png"></a>
												<a href="#"><img src="img/index/sebastian_144X60.png"></a>
												<a href="#"><img src="img/index/percyandreed_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_navigationhair_20210121.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

								<li class="cover-li">
									<p class="pd-left15 pd-top15">肤食</p>
									<p class="pd-top8 pd-left15 all-category-text">
										<a href="#">胶原蛋白饮品</a>

									</p>
									<div class="cover">
										<div class="left-cover fl">
											<div class="left-text-box  pd-top30">
												肤食
											</div>
											<div class="left-list-box">
												<ul class="small-cate clear-fix">
													<li class="mg-left30 fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">饮品</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">胶原蛋白</a></li>
																<li class="fl"><a href="#">葡萄籽</a></li>
																<li class="fl"><a href="#">红石榴</a></li>
																<li class="fl"><a href="#">其他</a></li>

															</ul>
														</div>

													</li>
													<li class="fl">
														<div class="mg-top20">
															<p class="small-title"><a href="#">惠选套装</a></p>
															<ul class="small-list clear-fix">
																<li class="fl"><a href="#">惠选套装</a></li>

															</ul>
														</div>

													</li>
													<li class="fl">

													</li>
												</ul>
											</div>
											<div class="left-img-box">
												<a href="#"><img src="img/index/hakubi_144X60.png"></a>
												<a href="#"><img src="img/index/refa_144X60.png"></a>
												<a href="#"><img src="img/index/blackmores_144X60.png"></a>
												<a href="#"><img src="img/index/swisse_144X60.png"></a>
											</div>
										</div>
										<div class="right-cover fl">
											<a href="#"><img src="img/index/hp_navigationfood_20190829.jpg"
													class="pd-top30 pd-right40"></a>
										</div>
									</div>
								</li>

							</ul>
						</div>
					</div>
					<div class="category-quick fl">
						<ul class="category-quick-row">
							<li>
								<a href="#">畅销榜单</a>
							</li>
							<li>
								<a href="#">独家发售</a>
							</li>
							<li>
								<a href="#">礼物套装</a>
							</li>
							<li>
								<a href="#">全部品牌</a>
							</li>
							<li>
								<a href="#">预约中心</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 正文 -->
			<div class="SephoraMyAccountIndex ">
				<div class="body">
					<div class="centerMain clear-fix">
						<!-- 左 -->
						<div class="leftTree fl">
							<div class="title">
								<a href="#">我的丝芙兰</a>
							</div>
							<ul class="sephoraNavTree">
								<li>
									<p>交易管理</p>
									<div class="showArrow"></div>
								</li>
								<ul>
									<li>
										<a href="#">线上订单</a>
									</li>
									<li>
										<a href="#">线下订单</a>
									</li>
									<li>
										<a href="#">我的兑换记录</a>
									</li>
									<li>
										<a href="#">退货售后</a>
									</li>
								</ul>
								<li>
									<p>我的权益</p>
									<div class="showArrow"></div>
								</li>
								<ul>
									<li>
										<a href="#">积分详情</a>
									</li>
									<li>
										<a href="#">会员权益</a>
									</li>
									<li>
										<a href="#">我的优惠券</a>
									</li>
									
								</ul>
								<li>
									<p>账号管理</p>
									<div class="showArrow"></div>
								</li>
								<ul>
									<li>
										<a href="#">编辑个人资料</a>
									</li>
									<li>
										<a href="#">管理收货地址</a>
									</li>
									<li>
										<a href="#">更改密码</a>
									</li>
									
								</ul>
								<li>
									<p>玩美服务</p>
									<div class="showArrow"></div>
								</li>
								<ul>
									<li>
										<a href="#">预约中心</a>
									</li>
									<li>
										<a href="#">申领中心</a>
									</li>
									<li>
										<a href="#">在线客服</a>
									</li>
									<li>
										<a href="#">帮助中心</a>
									</li>
								</ul>
							</ul>
						</div>
						<!-- 右 -->
						<div class="rightBg fl">
							<div class="title">
								<a href="#">我的SEPHORA</a>
							</div>
							<div class="rightMain">
								<div class="sepMySephora clear-fix">
									<div class="name fl clear-fix">
										<img src="https://thirdwx.qlogo.cn/mmopen/vi_32/OOkUephg9oScUWb5Pqc1vPdxHl1wF7HFkC4icUw7dSzrjVqpkL1La3T7py9KGzF0qeu1DibjWlcmsmzFwEDjF2Zw/132" class="userPicture fl">
										<div class="text fl clear-fix">
											<a href="#" class="fl">Asuna</a>
										</div>
									</div>
									<div class="card fl clear-fix">
										<div class="cardType1 fl"></div>
										<div class="cardNo fl">
											<p>粉卡卡号</p>
											<p>8383791244</p>
										</div>
										<div class="cardLevelUp fr">
											<a class="changeCard" href="#">查看详情>></a>
										</div>
									</div>
									<div class="pointAndDiscount fl clear-fix">
										<div class="testArea clear-fix">
											<p>当前积分</p>
											<a href="#">积分商城</a>
										</div>
										<ul style="margin: 16px 0 5px" class="clear-fix">
											<li class="fl"><a href="#">0</a></li>
											<li class="fl">&nbsp;</li>
											<li class="fl">分</li>
										</ul>
										<div class="LineBg">
											<div class="blackLine"></div>
										</div>
										<p class="tips">您仅需任意消费即可升级为白卡</p>
									</div>
									<div class="orderRemind fl clear-fix">
										<p>订单提醒</p>
										<div class="model mt15 fl clear-fix">
											<p class="fl">待支付订单</p>
											<ul class="fl clear-fix">
												<li class="fl">0</li>
												<li class="fl">单</li>
											</ul>
										</div>
										<div class="model mt15 fl clear-fix">
											<p class="fl">已发货订单</p>
											<ul class="fl clear-fix">
												<li class="fl">0</li>
												<li class="fl">单</li>
											</ul>
										</div>
										<div class="model mt3 fl clear-fix">
											<p class="fl">待发货订单</p>
											<ul class="fl clear-fix">
												<li class="fl">0</li>
												<li class="fl">单</li>
											</ul>
										</div>
										<div class="model mt3 fl clear-fix">
											<p class="fl">已完成订单</p>
											<ul class="fl clear-fix">
												<li class="fl">0</li>
												<li class="fl">单</li>
											</ul>
										</div>
										
									</div>
								
								</div>
								<div class="sepMyCoupons clear-fix">
									<div class="title clear-fix">
										<p class="fl">我的优惠券</p>
										<a href="#" class="fr">查看全部>></a>
									</div>
									<div class="changePictureMain">
										<div class="box ">
											<ul class="clear-fix">
												<li class="pinkBg fl clear-fix">
													<div class="logo fl"></div>
													<div class="money fl clear-fix">
														<p class="displayType1 fl">￥</p>
														<p class="displayType1_1 fl">20</p>
														<p class="displayType1_2 fl">优惠券</p>
													</div>
													<div class="rule fl clear-fix">
														新会员购买丝芙兰...
														<span>查看详情</span>
													</div>
													<div class="time fl">2021.06.03-2021.07.03</div>
												</li>
												<li class="pinkBg fl clear-fix">
													<div class="logo fl"></div>
													<div class="money fl clear-fix">
														<p class="displayType1 fl">￥</p>
														<p class="displayType1_1 fl">30</p>
														<p class="displayType1_2 fl">优惠券</p>
													</div>
													<div class="rule fl clear-fix">
														新会员购买丝芙兰...
														<span>查看详情</span>
													</div>
													<div class="time fl">2021.06.03-2021.07.03</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="sepMyOrder clear-fix">
									<div class="title clear-fix">
										<p class="fl">我的订单</p>
										<a href="#" class="fr">查看全部>></a>
									</div>
									<ul class="OrderListTitle clear-fix">
										<li class="fl">订单号</li>
										<li class="fl">收货人</li>
										<li class="fl">支付方式</li>
										<li class="fl">金额</li>
										<li class="fl">购买时间</li>
										<li class="fl">全部状态</li>
										<li class="fl">操作</li>
									</ul>
									<div class="noOrderList clear-fix">
										<p class="fl">您最近三个月没有提交过订单，</p>
										<p class="fl">立即购物</p>
										<p class="fl">。</p>
									</div>
								</div>
								<div class="sepMyOrder clear-fix">
									<div class="title clear-fix">
										<p class="fl">我买过的商品</p>
										<a href="#" class="fr">查看全部>></a>
									</div>
									<ul class="OrderListTitle2 clear-fix">
										<li class="fl">
											<p>商品</p>
										</li>
										<li class="fl">数量</li>
										<li class="fl">金额</li>
										<li class="fl">购买时间</li>
										<li class="fl">操作</li>
										
									</ul>
									<div class="noOrderList clear-fix">
										<p class="fl">您最近三个月没有购买过商品，</p>
										<p class="fl">立即购物</p>
										<p class="fl">。</p>
									</div>
								</div>
							</div>
						</div>
						<!-- 有结束 -->
					</div>
					<!-- body -->
				</div>
			</div>
					
			<!-- 尾部 -->				
			<div class="footer-declaration">
				<div class="footer-declaration-content">
					<ul class="footer-declaration-content-center">
						<li class="footer-declaration-id">
							<a href="#" class="footer-records">沪公网安备 31010602003121号</a>
							<a href="#">ICP备案序号:沪ICP备05026645号</a>
							<a href="#">食品经营许可证</a>
							<a href="#">网站使用条款</a>
							<a href="#">严正声明</a>
						</li>
						<li class="footer-declaration-info">
							本网站隶属于丝芙兰（上海）化妆品销售有限公司
							<a href="#" class="footer-declaration-info-text">
								预付卡信息对接唯一标识 : 310101F5201530100309
							</a>
						</li>
					</ul>
				</div>
			</div>	
			<!-- 为不结束 -->
		</div>
	</body>
	<script src="js/jquery-3.6.0.min.js"></script>
	<script src="js/Personal.js"></script>
</html>
